<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>菜单管理</title>
<link rel="stylesheet" href="<c:url value="/static/plugins/zTree_v3/css/zTreeStyle/zTreeStyle.css" />" type="text/css">
<link rel="stylesheet" href="<c:url value="/static/plugins/zTree_v3/css/zTreeStyle/style.css" />" type="text/css">
<link rel="stylesheet" href="<c:url value="/static/skins/css/admin-weixin.css" />" type="text/css">
<script type="text/javascript" src="<c:url value="/static/plugins/zTree_v3/js/jquery.ztree.all-3.5.min.js" />"></script>
<script type="text/javascript" src="<c:url value='/static/js/admin/weixinMenu/info.js' />"></script>
</head>
<body>
	<div class="line" style="height: 100%;">
		<div class="x3" style="height: 100%;">
			<div class="panel pBody" style="height: 100%;">
				<!-- <div class="panel-head">
					<strong>微信菜单</strong>
				</div> -->
				<div class="panel-body">
					<div class="pBottom">
						<strong>微信菜单</strong>
						<div style="float: right;">
							<button id="content-publish" type="button" class="button bg-green">发布</button>
						</div>
						<hr style="margin-top: 20px;">
					</div>
					<div class="pContent" style="overflow: auto;">
						<div class="zTreeDemoBackground left">
							<ul id="menuTree" class="ztree"></ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="x9" style="height: 100%;padding-left: 10px;">
			<div class="panel pBody" style="height: 100%;">
				<div class="panel-head">
					<strong>菜单属性</strong>
					<span class="text-blue" id="menuAttr"></span>
				</div>
				<div class="panel-body" id="propertiesBody">
					<div class="pContent" style="overflow: auto;">
					<form id="menu-properties-form" class="form">
						<input id="content-id" type="hidden"/>
						<div class="form-group">
							<div class="label">
								<label>响应类型</label>
							</div>
							<div class="field">
								<select id="reType" class="input">
									<option value="0">网络链接</option>
									<option value="1">纯文字消息</option>
									<option value="3">图文消息</option>
									<option value="4">系统处理</option>
								</select>
							</div>
						</div>
						<div class="form-group" id="webUrl-group" style="display: none;">
							<div class="label">
								<label for="webUrl">链接地址</label>
							</div>
							<div class="field">
								<input type="text" class="input" id="webUrl" placeholder="请填写网络链接地址" data-validate="required:必填"/>
							</div>
							
							<div class="pBottom">
								<div style="text-align: right;margin-top: 10px;">
									<button id="webUrl-content-save" type="button" class="button bg-green">保存</button>
								</div>
							</div>
						</div>
						<div class="form-group" id="wordContent-group" style="display: none;">
							<div class="label">
								<label for="wordContent">消息内容</label>
							</div>
							<div class="field">
								<textarea id="wordContent" rows="3" class="input" placeholder="请填写消息内容" data-validate="required:必填"></textarea>
							</div>
							
							<div class="pBottom">
								<div style="text-align: right;margin-top: 10px;">
									<button id="word-content-save" type="button" class="button bg-green">保存</button>
								</div>
							</div>
						</div>
						<div id="manyRich-group" style="display: none;">
							<div class="line">
								<div class="x4">
									<!-- 微信模板开始 -->
									<div class="appmsg multi editing">
										<div id="js_appmsg_preview" class="appmsg_content"></div>
										<a id="js_add_appmsg" class="create_access_primary appmsg_add" href="javascript:void(0);" onclick="return false;">
											<i class="icon20_common add_gray">增加一条</i>
										</a>
									</div>
									<!-- 微信模板结束 -->
								</div>
								<div class="x8" style="padding-left: 10px;">
									<div class="form-group" >
										<div class="label">
											<label>标题</label>
										</div>
										<div class="field">
											<input id="manyRich-title" type="text" class="input" placeholder="请填写标题" data-validate="required:标题"/>
										</div>
									</div>
									<div class="form-group" id="wordContent-group">
										<div class="label">
											<label for="singleRichIntroducte">消息简介</label>
										</div>
										<div class="field">
											<input id="manyRich-introducte" type="text" class="input" placeholder="请填写消息简介"/>
										</div>
									</div>
									<div class="line">
									<div class="x7" style="padding-top: 10px;">
										<div class="form-group">
											<div class="label">
												<label for="title">图片</label>
											</div>
											<div class="field">
												<span id="manyRich-upload-jy">大图片建议尺寸：900像素 * 500像素</span><br />
												<div id="manyRich-upload">选择图片</div>
											</div>
										</div>
									</div>
									<div class="x5" style="padding-top: 10px;">
										<div class="form-group">
											<div class="label">
												<label for="title">&nbsp;</label>
											</div>
											<div class="field" id="manyRich-fileList"></div>
											<input type="hidden" id="manyRich-image" />
										</div>
									</div>
									</div>
									<div class="form-group" id="wordContent-group">
										<div class="label">
											<label>消息内容</label>
										</div>
										<div class="field">
											<script id="manyRich-wordContent" type="text/plain" style="width:auto;height:320px;"></script>
										</div>
									</div>
									
									<div style="text-align: right;margin-top: 10px;">
										<button id="manyRich-content-save" type="button" class="button bg-green">保存</button>
									</div>
								</div>
							</div>
						</div>
					</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="menu-body" style="display: none;">
		<div class="dialog-mask" style="z-index:10000"></div>
		<div class="dialog-win" style="position:fixed; width:500px; height:500px; z-index:10001; left:50%; top:50%;margin-left: -250px;margin-top: -180px; ">
			<div class="dialog open">
				<form id="menu-form" class="form">
					<div class="dialog-head">
						<span id="menu-close" class="close"></span>
						<strong id="menu-title">新建菜单</strong>
					</div>
					<div class="dialog-body">
						<div id="menu-content" style="height:230px; overflow: auto;">
							<div class="form-group">
								<div class="label">
									<label>上级菜单</label>
								</div>
								<div class="field">
									<div id="parentMenu" style="min-height: 30px;"></div>
								</div>
							</div>
							<div class="form-group">
								<div class="label">
									<label for="menuName">菜单名称</label>
								</div>
								<div class="field">
									<input type="text" class="input" id="menuName" placeholder="请填写菜单名称" data-validate="required:必填"/>
								</div>
							</div>
							<div class="form-group" id="enabled-box">
								<div class="label">
									<label for="menuName">状态</label>
								</div>
								<div class="field">
									<div id="enabled-group" class="button-group radio"> 
										<label class="button">
											<input id="enabled-true" name="enabled" value="1" type="radio">
											<span class="icon icon-check"></span> 启用
										</label> 
										<label class="button">
											<input id="enabled-false" name="enabled" value="0" type="radio">
											<span class="icon icon-check"></span> 停用
										</label> 
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="dialog-foot">
						<button id="menu-save" type="button" class="button bg-green">保存</button>
						<button id="menu-cancel" type="button" class="button dialog-close">关闭</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>